<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>处理内容溢出</title>
</head>
<style>
    div{
        background-color: red;
        height: 40px;
        width: 50px;
        overflow-x:auto;
        overflow-y: auto;

    }
</style>
<body>
<!--
溢出内容的处理方式overflow,overflow-x,overflow-y:
    1.visible:显示,默认值
    2.hidden:隐藏
    3.scroll:显示滚动条,不论内容是否溢出
    4.auto:自动显示滚动条,内容不溢出不显示
overflow-x,overflow-y不能一个时visible,一个是hidden
常用的值是hidden和auto,除了能处理溢出的显示方式,还可以解决很多疑难杂症
-->
<div>
    你好,我要隐藏一下
</div>
</body>
</html>